<template lang="html">
  <el-form
    ref="form"
    label-width="80px"
    class="page-header"
    :inline="true"
    :model="form"
    @submit.native.prevent
  >
    <el-row :gutter="10">
      <el-col :xs="6" :sm="6">
        <el-form-item label="" prop="roleName">
          <el-input v-model="form.roleName" placeholder="请输入" @keyup.enter.native="doSearch" />
        </el-form-item>
      </el-col>
      <el-col :xs="6" :sm="6">
        <div style="width: 200px">
          <el-button icon="el-icon-search" @click="doSearch">搜索</el-button>
          <el-button icon="el-icon-refresh" @click="doReset">重置</el-button>
        </div>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
import pageHeaderMixin from "mixins/pageHeaderMixin";

export default {
  mixins: [pageHeaderMixin],
  data() {
    return {
      form: {
        roleName: "",
      },
    };
  },
};
</script>
